<!-- 报表统计 -->
<template>
	<view style="padding: 50rpx;">
		<!-- 搜索框 -->
		<view style="width: 100%;background-color: white;position: fixed;display: flex;padding: 15rpx;margin-top: -50rpx;">
				<u--input
				    placeholder="输入产品名称搜索"
				    prefixIcon="search"
				    prefixIconStyle="font-size: 22px;"
					style="flex: 1;"
				></u--input>
				<button style="height: 80rpx;line-height: 80rpx;background-color: #2CB7FF;right: 100rpx;">搜索</button>
		</view>
		
		<view style="height: 80rpx;"></view>
		<!-- 内容 -->
		<view
			style="display: flex;flex-direction: column; background-color: white;border-radius: 10rpx; padding: 20rpx;font-weight: bold;margin-bottom: 20rpx;">
			<view style="display: flex;">
				<view style="flex: 1;">产品名称：<text class="titles">张三</text></view>
			</view>
			<view style="display: flex;">
				<view>入库数量：<text class="titles">200</text></view>
				<view style="width: 50rpx;"></view>
				<view>出库数量：<text class="titles">21</text></view>
			</view>
			<view style="flex: 1;">平均入库价格：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">平均出库价格：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">总利润：<text class="titles" style="font-size: 40rpx;color: red;">2000</text></view>
			<image src="../../static/bx.png" style="width: 150rpx;height: 150rpx;"></image>
		</view>
		
		<!-- 内容 -->
		<view
			style="display: flex;flex-direction: column; background-color: white;border-radius: 10rpx; padding: 20rpx;font-weight: bold;margin-bottom: 20rpx;">
			<view style="display: flex;">
				<view style="flex: 1;">产品名称：<text class="titles">张三</text></view>
			</view>
			<view style="display: flex;">
				<view>入库数量：<text class="titles">200</text></view>
				<view style="width: 50rpx;"></view>
				<view>出库数量：<text class="titles">21</text></view>
			</view>
			<view style="flex: 1;">平均入库价格：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">平均出库价格：<text class="titles">13288227366</text></view>
			<view style="flex: 1;">总利润：<text class="titles" style="font-size: 40rpx;color: red;">2000</text></view>
			<image src="../../static/bx.png" style="width: 150rpx;height: 150rpx;"></image>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {
				show1: false,
			};
		},
		methods: {
			//查看交流记录
			filesInfo(i) {
				this.show1 = true;
			},
			//关闭遮罩层
			close1() {
				this.show1 = false;
			},
		}
	}
</script>

<style lang="less">
	page {
		background-color: #f1f1f1;
	}

	.titles {
		color: gray;
		font-size: 30rpx;
	}

	.hsbtn {
		margin: 10rpx;
		background-color: black;
		color: white;
		width: 200rpx;
		margin-top: 10rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 5rpx;
	}
</style>